<?$photos=$this->photos?>
<style type="text/css">
    #galleria {
    height: 400px;
    }
</style>

   
<div id="galleria">
    <?foreach ($photos as $photo):?>
    <a href="<?=$photo['src']?>">
        <img title="Photo<?=$photo['id']?>"
             alt="Photo<?=$photo['id']?>"
             src="<?=$photo['src']?>">
    </a>
    <?endforeach;?>



<!--   -->
<!--    <a href="/images/photos/DSC00884.jpg">-->
<!--     <img title="Photo"-->
<!--             alt="Photo"-->
<!--             src="/images/photos/DSC00884.jpg">-->
<!--         </a>-->

</div>


<script type="text/javascript">

    // Load the classic theme
    Galleria.loadTheme('/js/galleria.classic.min.js');

    // Initialize Galleria
    $('#galleria').galleria();

</script>
